<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
		<script src="../js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/stuff-manage.js" type="text/javascript" charset="utf-8"></script>
        <link rel="stylesheet" type="text/css" href="../css/stuff_manage.css"/>
	</head>
	<body>
		
		<div class="constff-cont">

		<div class="stuff-table">
			
			<div style="padding: 0 30px; margin: 0 50px;" >
				<div class="staff-title" >
					<div class="title-left"><h1>员工管理</h1></div>

				</div>



<!--				//搜索-->
				<div class=" row stff-search" style="padding:0; margin-left: 0;">
					<div class="col-md-3 col-sm-3 col-xs-3 stff-left" style="padding-left: 0">
<!--						<div class="btn-group choose-dro" style="float: left">-->
<!--						  <button type="button" class="btn btn-default dropdown-toggle no-bor-btn " id="sech-dro"  data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">部门<span class="caret"></span></button>-->
<!--						  <ul class="dropdown-menu dro-list" id="sc-dro-ul">-->
<!--					</ul>-->
<!--							<input type="text" class="form-control"  aria-describedby="basic-addon1" style="float: left">-->

<!--						</div>-->

						<div class="input-group">
							<div class="input-group-btn choose-dro">
								<button type="button" class="btn btn-default dropdown-toggle no-bor-btn" id="sech-dro" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">部门<span class="caret"></span></button>
								<ul class="dropdown-menu dro-list" id="sc-dro-ul">
								</ul>
							</div>
							<input type="text" class="form-control" id="sec-name">
						</div>

			</div>
			<!--					<div class="col-md-1 col-sm-1 col-xs-1 stff-left" style="padding-left: 0">-->
			<!--						<div class="btn-group">-->
			<!--						  <button type="button" class="btn btn-default dropdown-toggle no-bor-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">-->
			<!--						    职位 <span class="caret"></span>-->
<!--						  </button>-->
<!--						  <ul class="dropdown-menu">-->
<!--						    <li><a href="#">Action</a></li>-->
<!--						    <li><a href="#">Another action</a></li>-->
<!--						    <li><a href="#">Something else here</a></li>-->
<!--						  </ul>-->
<!--						</div>-->
<!--					</div>-->
<!--					<div class="col-md-2 col-sm-2 col-xs-2 stff-left" style="padding-left: 0">-->
<!--						<div class="btn-group choose-sta">-->
<!--						  <button type="button" class="btn btn-default dropdown-toggle no-bor-btn" data-toggle="dropdown" id="state" aria-haspopup="true" aria-expanded="false">-->
<!--						    状态<span class="caret"></span>-->
<!--						  </button>-->
<!--						  <ul class="dropdown-menu">-->
<!--						    <li><a href="#">在校</a></li>-->
<!--						    <li><a href="#">离校</a></li>-->
<!--						  </ul>-->
<!--						</div>-->

<!--					</div>-->
					<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
						<button type="button" class="btn btn-primary no-bor-btn cg-col-btn" id="search-stuff">查询</button>
					</div>
					<div class="col-lg-7 col-md-7 col-sm-7 col-xs-7 title-right">
						<div class="">
							<button type="button" class="btn btn-primary cg-col-btn no-bor-btn" id="add-pel" data-toggle="modal" data-target="#myModal2"><span class="glyphicon glyphicon-plus"></span> 添加新员工</button>
						</div>
					</div>
					
				</div>



<!--				//表格-->
				<div class="row stff-list stff-left">
					<table class="table table-bordered table-striped" style="margin: 0 auto">
					    <thead>
						<tr>
							<th>

							</th>
							<th>工号</th>
							<th>姓名</th>
							<th>性别</th>
							<th>部门</th>
							<th>职位</th>
							<th>联系方式</th>
							<th>状态</th>
							<th>管理</th>
						</tr>
						<tr>
						</thead>

						<tbody>

						</tbody>
					</table>
				</div>
				<div class="bottom-btn">
					<button type="button" class="btn btn-primary cg-col-btn" style="margin-left: 0;border: 0;border-bottom-right-radius: 0px;border-top-right-radius:0px ;" id="chek-all" >全选</button>
					<button type="button" class="btn btn-primary cg-col-btn" style="margin-left: 10px;border: 0;border-bottom-left-radius: 0px;border-top-left-radius:0px "  data-toggle="modal" data-target=".bs-example-modal-sm1" >删除</button>
				</div>
				<div class="row">
					<div class="col-lg-12 col-md-12" style="text-align: center;">
						<nav aria-label="Page navigation">
						  <ul class="pagination pagenum">

						  </ul>
						</nav>
					</div>
				</div>
			</div>
		</div>


<!--                //添加新员工模态框-->
			<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			  <div class="modal-dialog" role="document" >
			    <div class="modal-content"  style="background: #F9F7F0">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        <h4 class="modal-title" id="myModalLabel">添加员工</h4>
			      </div>
			      <div class="modal-body" >
			        <div class="add-col">
			        	<form action="" method="" id="addForm">
			        		<div class="row">
			        			<div class="col-md-12">
			        				<h5>基本信息</h5>
			        			</div>
			        		</div>
			        		<div class="row add-jiben">
			        			<div class="col-md-12">
			        				<div class="input-group">
			        				  <span class="input-group-addon">姓名</span>
			        				  <input type="text" class="form-control" id="name" aria-describedby="basic-addon1">
			        				</div>
			        			</div>
			        		</div>
			        		<div class="row add-jiben">
			        		    <div class="col-md-12">
			        		    	<div class="input-group choose-sex">
			        		    	  <span class="input-group-addon" id="basic-addon">性别</span>
			        		    	  <div class="dropdown">
			        		    	    <button class="btn btn-default dropdown-toggle" type="button" id="sex" name="sex" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">男<span class="caret"></span></button>
			        		    	    <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
			        		    	      <li><a href="javascript:;">男</a></li>
			        		    	      <li><a href="#">女</a></li>
			        		    	    </ul>
			        		    	  </div>
			        		    	</div>
			        		    </div>
			        		</div>
			        		<div class="row add-jiben">
			        			<div class="col-md-12">
			        				<div class="input-group choose-dro" >
			        				  <span class="input-group-addon">部门</span>
			        				  <div class="dropdown">
			        				    <button class="btn btn-default dropdown-toggle" type="button" id="dro" name="dro" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">部门<span class="caret"></span></button>
			        				    <ul class="dropdown-menu dro-list" aria-labelledby="dropdownMenu1">
			        				    </ul>
			        				  </div>
			        				</div>
			        			</div>
			        		</div>
			        		<div class="row add-jiben">
			        			<div class="col-md-12">
			        				<div class="input-group choose-pos">
			        				  <span class="input-group-addon">职位</span>
										<div class="dropdown">
											<button class="btn btn-default dropdown-toggle" type="button" id="pos" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">职位<span class="caret"></span></button>
                                            <ul class="dropdown-menu pos-list" aria-labelledby="dropdownMenu1">
                                            </ul>
										</div>
			        				</div>
			        			</div>
			        		</div>
			        		<div class="row add-cont">
			        			<div class="col-md-4">
			        				<h5>联系方式</h5>
			        			</div>
			        		</div>
			        		<div class="row add-jiben">
			        			<div class="col-md-12">
			        				<div class="input-group">
			        				  <span class="input-group-addon" >电话</span>
			        				  <input type="text" class="form-control" id="tel" aria-describedby="basic-addon1">
			        				</div>
			        			</div>
			        		</div>
			        		<div class="row add-jiben">
			        			<div class="col-md-12">
			        				<div class="input-group">
			        				  <span class="input-group-addon" >邮箱</span>
			        				  <input type="text" class="form-control"  id="email" aria-describedby="basic-addon1">
			        				</div>
			        			</div>
			        		</div>
			        		<div class="row add-cont">
			        			<div class="col-md-4">
			        				<h5>个人简介</h5>
			        			</div>
			        		</div>
			        		<div class="row" style="height: 80px;">
			        			<div class="col-md-1"></div>
			        			<div class="col-md-10">
			        				<textarea class="form-control" rows="2" id="mor-msg"></textarea>
			        			</div>
			        			<div class="col-md-1"></div>
			        		</div>
			        	</form>
			        </div>
			      </div>
			      <div class="modal-footer">
			        <button type="button" class="btn btn-default no-bor-btn" data-dismiss="modal">关闭</button>
			        <button type="button" class="btn btn-primary cg-col-btn no-bor-btn" id="add-new">保存</button>
			      </div>
			    </div>
			  </div>
			</div>
<!--			       //查看修改模态框-->
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
			  <div class="modal-dialog" role="document">
			    <div class="modal-content" style="background: #F9F7F0">
			      <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			        <h4 class="modal-title" >员工信息</h4>
			      </div>
			      <div class="modal-body">
			        <div class="add-col">
                        <div class="row">
                            <div class="col-md-12">
                                <h5>基本信息</h5>
                            </div>
                        </div>
                        <div class="row add-jiben">
                            <div class="col-md-12">
                                <div class="input-group">
                                    <span class="input-group-addon" >姓名</span>
                                    <input type="text" class="form-control" id="stname" aria-describedby="basic-addon1">
                                </div>
                            </div>
                        </div>
                        <div class="row add-jiben">
                            <div class="col-md-12">
                                <div class="input-group choose-sex">
                                    <span class="input-group-addon">性别</span>
                                    <div class="dropdown">
                                        <button class="btn btn-default dropdown-toggle" type="button" id="stsex" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                            男
                                            <span class="caret"></span>
                                        </button>
                                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                            <li><a href="#">男</a></li>
                                            <li><a href="#">女</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row add-jiben">
                            <div class="col-md-12">
                                <div class="input-group choose-dro" >
                                    <span class="input-group-addon">部门</span>
                                    <div class="dropdown">
                                        <button class="btn btn-default dropdown-toggle" type="button" id="stdro" name="dro" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><span class="caret"></span></button>
                                        <ul class="dropdown-menu dro-list" aria-labelledby="dropdownMenu1">
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row add-jiben">
                            <div class="col-md-12">
                                <div class="input-group choose-pos">
                                    <span class="input-group-addon">职位</span>
									<div class="dropdown0">
                                        <button class="btn btn-default dropdown-toggle" type="button" id="stpos" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><span class="caret"></span></button>
                                        <ul class="dropdown-menu pos-list" aria-labelledby="dropdownMenu1">
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                            <div class="row add-jiben">
                                <div class="col-md-12">
                                    <div class="input-group">
                                        <span class="input-group-addon">入职时间</span>
                                        <input type="text" class="form-control" id="sttime" aria-describedby="basic-addon1">
                                    </div>
                                </div>
                            </div>
                            <div class="row add-cont">
                                <div class="col-md-4">
                                    <h5>联系方式</h5>
                                </div>
                            </div>
                            <div class="row add-jiben">
                                <div class="col-md-12">
                                    <div class="input-group">
                                        <span class="input-group-addon">电话</span>
                                        <input type="text" class="form-control" id="sttel" aria-describedby="basic-addon1">
                                    </div>
                                </div>
                            </div>
                            <div class="row add-jiben">
                                <div class="col-md-12">
                                    <div class="input-group">
                                        <span class="input-group-addon">邮箱</span>
                                        <input type="text" class="form-control"  id="stemail" aria-describedby="basic-addon1">
                                    </div>
                                </div>
                            </div>
                            <div class="row add-cont">
                                <div class="col-md-4">
                                    <h5>个人简介</h5>
                                </div>
                            </div>
                            <div class="row" style="height: 80px;">
                                <div class="col-md-1"></div>
                                <div class="col-md-10">
                                    <textarea class="form-control" rows="2" id="stmsg" name=textarea></textarea>
                                </div>
                                <div class="col-md-1"></div>
                            </div>
                        </div>
			      </div>
			    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default no-bor-btn" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary no-bor-btn cg-col-btn" data-toggle="modal" id="changestf" data-target=".bs-example-modal-sm2">修改</button>
                    </div>
			  </div>
			</div>

<!--			//删除弹框-->


			<div class="modal fade bs-example-modal-sm chek-del" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
				<div class="modal-dialog modal-sm" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">删除</h4>
						</div>
						<div class="modal-body">
							<p>确认删除员工？</p>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary del-stf no-bor-btn cg-col-btn" data-dismiss="modal">删除</button>
						</div>
					</div><!-- /.modal-content -->
				</div>
			</div>

<!--			删除多个-->
			<div class="modal fade bs-example-modal-sm1 chek-del" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
				<div class="modal-dialog modal-sm" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">删除</h4>
						</div>
						<div class="modal-body">
							<p>确认删除员工？</p>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary del-all no-bor-btn cg-col-btn" data-dismiss="modal">删除</button>
						</div>
					</div>
				</div>
			</div>

<!--			修改确认-->
			<div class="modal fade bs-example-modal-sm2 chek-del" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
			<div class="modal-dialog modal-sm" role="document">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title">修改</h4>
					</div>
					<div class="modal-body">
						<p>确认修改员工信息？</p>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-primary del-all no-bor-btn cg-col-btn re-stf" data-toggle="modal" data-target=".bs-example-modal-sm3" data-dismiss="modal">确认</button>
					</div>
				</div>
			</div>
		</div>


<!--			修改成功-->
			<div class="modal fade bs-example-modal-sm3 chek-del" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
				<div class="modal-dialog modal-sm" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">修改</h4>
						</div>
						<div class="modal-body">
							<p>修改成功</p>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal" >关闭</button>
						</div>
					</div>
				</div>
		</div>
	</body>
</html>

